<template>
	<view style="padding: 5px 10px; ">
	    <view class="flex-row borderLine" style="height: 80px; background-color: white; border-radius: 10px; padding: 10px 15px; ">
	    	<view class="" style="width: 80px; height: 80px; ">
	    		<image :src="getImageUrl()" style="width: 80px; height: 80px;" mode=""></image>
	    	</view>
	    	
	    	<view class="flex-column" style="margin-left: 15px; height: 100%;">
				<!-- 标题 -->
	    		<view class="" style="font-size: 15px; font-weight: 500; ">
	    			{{dataModel.title}}
	    		</view>
				<!-- 简介 -->
				<view class="" style="font-size: 12px; font-weight: 500; color: grey; ">
					资源简介：{{dataModel.description}}
				</view>
				<!-- 上传时间 -->
				<view class="" style="font-size: 14px; color: grey; ">
					上传时间:{{getDateStr()}}
				</view>
	    	</view>
	    </view>
		<!-- <view class="lineView lineColor"  >
			
		</view> -->
	</view>
</template>

<script>
	
	export default {
		props: {
			dataModel:{}
		},
		data() {
			return {
			}
		},
		
		methods: {
			getDateStr(){
				return this.$publicApi.dateToStr(parseInt(this.dataModel.releaseTime));
			},
			getImageUrl(){
				var url = this.dataModel.resourceImages[0];
				return url;
			}
		},
		}
</script>

<style lang="scss" scoped>
	.baseViewPadding{
		padding: 10px 20px;
		
	}
	
	.lineView{
		width: 100%;
		height: 1rpx;
	}
	.borderLine{
		border: 1px solid rgb(239, 239, 239);
	}
	
</style>